<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>详情页面</title>
<link rel="shortcut icon" type="image/x-icon"
	href="http://www.wandafilm.com/favicon.ico">
<link href="filminfo_files/jquery-ui-1.css" rel="stylesheet"
	type="text/css"> 
<link type="text/css" rel="stylesheet" href="filminfo_files/jquery.css">
<link type="text/css" rel="stylesheet" href="filminfo_files/base.css">
<link type="text/css" rel="stylesheet"
	href="filminfo_files/movie_details.css">
<link rel="stylesheet" href="filminfo_files/user_pagination.css"
	type="text/css">
<link rel="stylesheet" href="filminfo_files/my.css" type="text/css">
<script type="text/javascript" src="filminfo_files/jquery-1.js"></script>
<script type="text/javascript" src="filminfo_files/cityArray.js"></script>
<script type="text/javascript" src="filminfo_files/prvArray.js"></script>
<script type="text/javascript" src="filminfo_files/cinemaArray.js"></script>
<script type="text/javascript" src="filminfo_files/groupCityArray.js"></script>
<script type="text/javascript" src="filminfo_files/getArray.js"></script>
<script type="text/javascript" src="filminfo_files/printCity.js"></script>
<script type="text/javascript" src="filminfo_files/jquery_003.js"></script>
<script type="text/javascript" src="filminfo_files/ylDropDownList-1.js"></script>
<link rel="stylesheet" rel="stylesheet" href="filminfo_files/boxy.css"
	type="text/css" media="screen">
<script type="text/javascript">
		if ($.browser.msie
				&& $.browser.version.indexOf('6') != -1) {
				window.location = 'http://www.wandafilm.com:80/ie6_bad.jsp';
		}
</script>
<style type="text/css">
#flash {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%; /*需要用padding来维持16:9比例,也就是9除以16*/
	height: 0;
}

#video1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.content_con {
	word-wrap: break-word;
	word-break: break-all;
	margin: 0;
	color: #000;
	margin-top: 8px;
}
</style>
<script id="countrecorduser" type="text/javascript"
	src="filminfo_files/countrecord.js"></script>
<script type="text/javascript" src="filminfo_files/jquery.js"></script>
<script type="text/javascript" src="filminfo_files/jquery-ui-1.js"></script>
<script type="text/javascript" src="filminfo_files/jquery_002.js"></script>
<script type="text/javascript" src="filminfo_files/jquery_004.js"></script>
<script type="text/javascript" src="filminfo_files/movie_details.js"></script>
<script type="text/javascript" src="filminfo_files/base.js"></script>
<link rel="stylesheet" rel="stylesheet"
	href="filminfo_files/quicklogin.css" media="screen">
</head>
<body>
	<!-- main start -->
	<div class="content">
		<input id="filmId" name="filmId" value="20161010023229497005"
			type="hidden"> <input id="sinabind" name="sinabind" value="0"
			type="hidden"> <input id="doubanbind" name="doubanbind"
			value="0" type="hidden"> <input id="showType" name="showType"
			value="hot" type="hidden"> <input id="imgPath" name="imgPath"
			value="" type="hidden"> <input id="shareType"
			name="shareType" value="" type="hidden"> <input id="reviewId"
			name="reviewId" value="" type="hidden"> <input id="viewFocus"
			name="viewFocus" value="卷福变身大魔法师" type="hidden"> <input
			id="evaluate" name="evaluate" value="3" type="hidden"> <input
			id="questionPK" name="questionPK" value="" type="hidden"> <input
			id="userPK" name="userPK" value="" type="hidden">
		<div class="crumbs">
			您当前的位置：<a class="aashy" href="film/select2" style="display: inline">首页</a>
			&gt; <a class="aashy" href="http://www.wandafilm.com/"
				style="display: inline">正在热映</a> &gt; <a class="ablack"
				href="javascript:void(0)" style="display: inline; cursor: default;"
				title="奇异博士 "> ${film.filmName} </a>
		</div>
		<span class="flash_name"> <em
			style="float: left; font-style: normal;"> ${film.filmName} </em> <a
			id="button_minx2" href="javascript:void(0)">分享给好友</a> <a
			id="button_minx1" href="#cinecism">发表影评</a> <a id="button_minx3"
			href="http://www.wandafilm.com/trade/movie_times.jsp?filmId=20161010023229497005">我要购票</a>

		</span>
		<div id="flash">
			<video id="video1" poster="<%=basePath%>img/123.jpg">
				<source src="<%=basePath%>assets/img/${film.filmPicture}"
					type="video/mp4">
			</video>
		</div>
		<!-- style="display:block;position: absolute; top: 50%;left: 40%;" -->
		<div id="player_nav"
			style="display: block; position: absolute; top: 40%; left: 40%;">
			<img alt="点击播放" src="<%=basePath%>img/btn_play.png"
				onclick="playPause()" id="button1" />
			<script> 
                 var myVideo=document.getElementById("video1"); 
                 var button=document.getElementById("button1");
                 function playPause()
                  { 
	                if (myVideo.paused){ 
	                	  button.style.display = "none";
	                	  myVideo.controls = "controls";
	                      myVideo.play(); 
	                }else{
	                	button.style.display = "block";
	                	myVideo.pause(); 
	                }   
                  } 
		   </script>
		</div>
	</div>
	<div class="bgwhite movie_information" style="margin-left: 19%;">
		<div class="date">
			<div class="info_details">
				<dl>
					<dt>导演：</dt>
					<dd>${film.filmDirector }</dd>
					<dt>主演：</dt>
					<dd>${film.filmAcotr}</dd>
					<dt>编剧：</dt>
					<dd>${film.filmWriter}</dd>
					<dt>类型：</dt>
					<dd>动作/冒险/奇幻</dd>
					<dt>语言：</dt>
					<dd>${film.filmLanguage}</dd>
					<dt>余票：</dt>
					<dd>${film.ticket}</dd>
					<dt>时间：</dt>
					<dd>
						<fmt:formatDate value="${film.filmShowdate}" />
					</dd>
				</dl>
				<a id="button_orange_gp" href="<%=basePath%>buy/${film.filmId}" class="set_attention_sub">购票</a>
			</div>
		</div>
		<div class="story">
			<h5>影片剧情：</h5>
			<p>${film.filmIntroduction}</p>
		</div>
		<!-- 评论部分的内容 -->
		<div class="content1">
			<h5>发影评 ● 晒票根</h5>
			<div class="content_rewiew">
				<div>
					<span>守护天使</span><br> <span>11月05号在太原柳巷</span>
				</div>
				<div class="content_con">
					<p>2016.11.10中午十二点五十IMAX3D三号厅九排一对男女从开始就叽歪个不停，傻缺似的，当自己家看电影呢！廊坊万达！</p>
				</div>
				<div>18分钟前通过---发表</div>
			</div>
		</div>
		<%--  <div class="pagination pagination-right">
						<ul>
							<li>
								<a>共计：${pager.pagectrl.pagecount}页/${pager.pagectrl.rscount}条记录</a>
							</li>

							<li>
								<c:if test="${pager.pagectrl.currentindex==1}" var="fp">
									<a style="disabled: true">上一页</a>
								</c:if>
								<c:if test="${!fp}">
									<a
										href="<%=basePath%>comment/list2?current=${pager.pagectrl.currentindex-1}">上一页</a>
								</c:if>
							</li>

							<c:forEach begin="${pager.pagectrl.minpage}" step="1"
								end="${pager.pagectrl.maxpage}" var="index">
								<li>
									<c:if test="${pager.pagectrl.currentindex==index}" var="t">
										<a style="color: red; background-color: #bbb">${index}</a>
									</c:if>
									<c:if test="${!t}">
										<a href="<%=basePath%>comment/list2?current=${index}">${index}</a>
									</c:if>
								</li>
							</c:forEach>

							<li>
								<c:if
									test="${pager.pagectrl.currentindex==pager.pagectrl.pagecount}"
									var="fp">
									<a style="disabled: true">下一页</a>
								</c:if>
								<c:if test="${!fp}">
									<a
										href="<%=basePath%>comment/list2?current=${pager.pagectrl.currentindex+1}">下一页</a>
								</c:if>
							</li>
						</ul>
					</div> --%>
		<div class="movie_say_say" id="cinecism">
			<table id="say_main">
				<thead>
					<tr>
						<th style="padding: 2px 5px;" colspan="2"><h5>发影评.晒票根：</h5></th>
					</tr>
				</thead>
				<tfoot></tfoot>
				<tbody>
					<form action="<%=basePath%>add3" method="post">
						<tr>
							<td><input id="title" type="text" name="rwtitle"
								placeholder="评论标题"></td>
						</tr>
						<tr>
							<!-- 发影评 -->
							<td colspan="2" style="position: relative; display: block;">
								<input type="hidden" name="userid" value="${sessionScope.user.userid}"> <input
								type="hidden" id="filmid" name="filmId" value="${film.filmId}">
								<textarea id="content" name="rwcontent">
								</textarea> <span class="content_tip">我要发影评，晒票根~~~</span>
							</td>
						</tr>
						<tr>
							<td><a href="#bottom"></a> <input type="submit"
								class="set_attention_sub"
								style="float: right; margin-top: 10px;" value="发表"></td>
						</tr>
					</form>
				</tbody>
			</table>
		</div>
	</div>
	</div>

	<!-- <!-- main end -->
	<div id="dialogFrame2" style="display: none;"></div>
	-->
	<script>
			$("#dialogFrame2").load(basePath + "login/login_dialog.jsp");
	</script>
	<!--footer start-->
	<div id="footer">
		<div id="R" style="display: inline-block;">
			<div style="display: block; text-align: center;">Copyright ©
				2011-2013 Wandafilm.com ALL rights reserved
				&nbsp;&nbsp;&nbsp;&nbsp;冀ICP备13013593
				&nbsp;&nbsp;&nbsp;&nbsp;增值电信业务经营许可证B2-20130186</div>
		</div>
	</div>
</body>

<script type="text/javascript">
    $(function(){
    	var url="<%=basePath%>comment/list3";
		var rwtitle = $(".title");
		var rwcontent = $(".content");
		var filmId = $(".filmid");
		var args = {"userid":1,"filmId":filmId,"rwcontent":rwcontent,"rwtitle":rwtitle};
    	


		$.getJSON(url,function(data) {
				$.each(data.list,function(i, list){
						$(".content1").append(
																"<div class='content_rewiew'><div><span>"
																		+ list.username
																		+ "</span><br><span>"
																		+ formatDateTime(new Date(list.rwtime))
																		+ "在太原柳巷</span></div><div class='content_con'><p>"
																		+ list.rwcontent
																		+ "</p></div><div>18分钟前通过---发表</div></div>");
							});

				});
		/*日期格式转化*/
		var formatDateTime = function (date) {  
		    var y = date.getFullYear();  
		    var m = date.getMonth() + 1;  
		    m = m < 10 ? ('0' + m) : m;  
		    var d = date.getDate();  
		    d = d < 10 ? ('0' + d) : d;  
		    var h = date.getHours();  
		    var minute = date.getMinutes();  
		    minute = minute < 10 ? ('0' + minute) : minute;  
		    return y + '-' + m + '-' + d+' '+h+':'+minute;  
		}; 

	});
</script>
</html>